<template>
  <div>
    <!-- 头部返回按钮 -->
     <div class="header">
          <div class="text" @click="okk">
          <i class="iconfont icon-back"></i>
          <span class="text1">
            <i class="iconfont icon-fanhui"></i>
            聊天界面

            </span>
       </div>
   </div>

   <!--退出登录 -->
    <!-- <div class="confirmButton">
        <mt-button class="but" type="plain" size="large" @click="quit">退出登录</mt-button>
    </div> -->

    <!-- 最下面的输入框 -->
    <div class="box-tip">
      <div class="search">
      <input
        class="input"
        type="text"
      />
      </div>
    </div>

  </div>
</template>

<script>
// import md5 from 'js-md5'
// import JMessage from '@/sdk/jmessage-sdk-web.2.6.0.min.js'
// import VlChar from '@/components/vlChar'
// import JMessage from '../sdk/jmessage-sdk-web.2.6.0.min.js' // 修改为你的路径
export default {
  data () {
    return {
      appKey: 'c9128e5ae6165307d07411bb',
      account: '13556330869',
      token: localStorage.getItem('Token')
    }
  },
  // created () {
  //   var JIM = JMessage()

  //   const params = {
  //     appkey: this.key,
  //     random_str: '123456',
  //     timestamp: new Date().getTime(),
  //     flag: 1
  //   }
  //   params.signature = md5(`appkey=${params.appkey}&timestamp=${params.timestamp}&random_str=${params.random_str}&key='123456'`)

  //   // let
  //   JIM.init(params).onSuccess(function (data) {
  //     // data.code 返回码
  //     // data.message 描述
  //   }).onFail(function (data) {
  //     // 同上
  //   })
  //   JIM.sendSingleMsg({
  //     target_username: 'xiezefan',
  //     content: 'Hi, JiGuang '
  //   }).onSuccess(function (data) {
  //   // do something
  //   }).onFail(function (data) {
  //   // do something
  //   }).onTimeout(function (data) {
  //     if (data.response_timeout) {
  //       // do something when response timeout
  //     } else {
  //       // do something when request timeout
  //     }
  //   }).onAck(function (data) {
  //   // do something
  //   })
  // },
  components: {
  //  VlChar
  },
  methods: {
    okk () {
      this.$router.go(-1)// 返回上一层
    },
    quit () {
      localStorage.removeItem('Token')
      this.$router.push({
        name: 'login'
      })
    }
  }
}
</script>

<style scoped>
.header {
  height: 1.5rem;
  width: 100%;
  background:#96D596;
}
.text{
  padding-top:4%;
  font-size:0.55rem;
  color:white
}
.iconfont{
  font-size: 0.55rem;
}
.confirmButton{
  display: flex;
  justify-content: center;
  width:90%;
  margin: 0.5rem;
  background: #96D596;
  color:azure
}
.confirmButton .but{
  background: #96D596;
}
/* 输入文字 */
.box-tip{
  text-align: center;
}
.search {
  background: #fff;
  margin:3%;
  text-align: center;
  bottom: 0;
  position: fixed;
  width: 90%;
  /* background: gray; */
}
.search .input {
  background:rgb(201, 228, 193);
  /* margin: 3%; */
  border-radius: 90px;
  height: 1rem;
  text-indent:1em;
  width: 98%;
  color: #fff !important;
  text-align: left;
  border: 0.005rem solid gray;
  font-size: 0.38rem;
}

</style>
